<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <title>计算机科学与技术学院</title>
    <link rel="stylesheet" href="style/index.css"/>
    <link rel="stylesheet" href="style/fixed.css"/>
</head>
<body>
<div class="container">
    <header>
        <div><a href="#"><img src="style/logo.png"></a></div>
	    	<div class="search">
	    		<div class="search-part">
	    			<form action="#">
	    				<input type="text" class="search-text" placeholder="search"/>
	    				<div class="search-logo"><a href="#"><img src="style/search-icon.png" /></a></div>
	    			</form>
	    		</div>
	    	</div>
        <nav class="title">
            <a href="#" class="selected">网站首页</a>
            <a href="listPage.php" class="">通知公告</a>
            <a href="#" class="">规章制度</a>
            <a href="#" class="">违纪通报</a>
            <a href="#" class="">创客空间</a>
            <a href="#" class="">学风建设</a>
            <a href="#" class="">学生党建</a>
            <a href="#" class="">团学组织</a>
        </nav>
    </header>
    <div class="content">
        <div class="picture">
            <img src="style/QQ截图20160423195414.png" class="xiao">
        </div>
        <div class="class1">

            <div class="cla1">
                <h3>工作动态More</h3>
            </div>
            <div class="cla2">
                <h3>科技竞赛More</h3>
            </div>
            <div class="cla3">
                <h3>就业指导More</h3>
            </div>
            <div class="cla1_1">
                    <div class="cla1_2">
                        <a href="#">计算机学院招开卓越工程师班</a>
                    </div>
                    <div class="cla1_2">
                        <a href="#">计算机学院党员工作站</a>                        
                    </div>
                    <div class="cla1_2">
                        <a href="#">计算机学院举行中科院电子所</a>
                    </div>
                    <div class="cla1_2">
                        <a href="#">计算机学院积极参加与校第九届冀中能源大学生</a>                      
                    </div>
                    <div class="cla1_2">
                        <a href="#">计算机学院青协</a>
                    </div>
                    <div class="cla1_2">
                         <a href="#">计算机学子冒雨前往</a>                       
                    </div>
<!--                 <nav>
                    <div>
                        <a href="#">计算机学院为第五届中国软件杯</a>
                        <a href="#">CSDN社团举办APP开发经验交流会</a>
                    </div>
                    <div>
                        <a href="#">我院115名学生参加了第七次CCF</a>
                        <a href="#">喜宝：我院在第七届蓝桥杯省赛取得优异成绩</a>
                    </div>
                    <div>
                        <a href="#">徐州市计算机设计联赛</a>
                        <a href="#">ZCTF近日开战</a>
                    </div>
                </nav>
                <nav>
                    <div>
                        <a href="#">惊艳四方成就</a>
                        <a href="#">北京苍穹数码</a>
                    </div>
                    <div>
                        <a href="#">龙哥让UN</a>
                        <a href="#">南京烽火星空</a>
                    </div>
                    <div>
                        <a href="#">徐州苏帮金融</a>
                        <a href="#">江苏公务员考试</a>
                    </div>
                </nav> -->
                </div>
        </div>
        <div class="pictureline" >
            <a href="#" class="pic_1"><img src="style/1.png"></a>
            <a href="#" class="pic_1"><img src="style/2.png"></a>
            <a href="#" class="pic_1"><img src="style/3.png"></a>
            <a href="#" class="pic_1"><img src="style/4.png"></a>
            <a href="#" class="pic_1"><img src="style/5.png"></a>
            <a href="#" class="pic_1"><img src="style/6.png"></a>
        </div>
     <div class="substance">
            <div class="fot11">
                <h2>创客空间</h2>
                <div class="space-img">
                    <div class="sect">
                    <a href="#">
                        <div class="Pimg">
                            <img class="activity" src="style/kj.png">
                        </div>
                        <div class="secpic"> 科技社团</div>
                    </a>
                    </div>
                    <div class="sect">
                    <a href="#">
                        <div class="Pimg">
                            <img class="share" src="style/ky.png">
                        </div>
                        <div class="secpic"> 开源程序</div>
                    </a>
                    </div>
                    <div class="sect">
                    <a href="#">
                        <div class="Pimg">
                            <img class="project" src="style/zy.png">
                        </div>
                        <div class="secpic"> 在研项目</div>
                    </a>
                    </div>
                    <div>
                        <h3 class="sect2">创新新闻</h3>

                        <h3 class="sect2">大众创业</h3>

                        <h3 class="sect2">万众创新</h3>
                    </div>
                 </div>
            </div>
            <div class="fot21" >
             <h2>学风建设</h2>
                <div class="space-img">
                    <div class="sect">
                        <a href="#">
                            <div class="Pimg">
                                <img class="activity" src="style/cg.png">
                            </div>
                            <div class="secpic"> 出国留学</div>
                        </a>
                    </div>
                    <div class="sect">
                        <a href="#">
                            <div class="Pimg">
                                <img class="share" src="style/cet4，6.png">
                            </div>
                            <div class="secpic"> CET4/6</div>
                        </a>
                    </div>
                    <div class="sect">
                        <a href="#">
                            <div class="Pimg">
                                <img class="project" src="style/kc.png">
                            </div>
                            <div class="secpic"> 课程竞赛</div>
                        </a>
                    </div>
                </div>
                <div>
                    <h3 class="sect2">学风公示</h3>

                    <h3 class="sect2">宿风公示</h3>

                    <h3 class="sect2">学院先锋</h3>
                </div>
           </div>
            <div class="fot12" >
                <h2>班级建设</h2>
                <div>
                    <h3 class="sect2">图灵计划</h3>

                    <h3 class="sect2">班级风采</h3>

                    <h3 class="sect2">三走一线</h3>
                </div>
            </div>
            <div class="fot22" >
             <h2>学生党建</h2>
            </div>
            <div class="fot13">
                <h2>日常管理</h2>
                <div>
                    <h3 class="sect2">心理健康</h3>

                    <h3 class="sect2">资助育人</h3>

                    <h3 class="sect2">演讲口才</h3>
                </div>
            </div>
            <div class="fot23" >
                <h2>团学组织</h2>
                <div>
                    <h3 class="sect2">支教历程</h3>

                    <h3 class="sect2">志愿服务</h3>

                    <h3 class="sect2">研究生会</h3>
                </div>
            </div>
     </div>
    </div>
    <footer>
        <p>苏ICP备05007141号-1 地址：江苏省徐州市大学路1号中国矿业大学南湖校区制作与维护:LikyhStudio Copyright@ 2004-2018 LikyhStudio 站长统计</p>
    </footer>
</div>
</body>
</html>